@import 'src/style/variable';

.head {
  margin-top: 10px;

  font-size: 28px;
  font-weight: 600;

  @media (min-width: $small) {
    font-size: 32px;
    margin-top: 20px;
  }
}

.item {
  margin-left: 25px;
  display: flex;
  flex-direction: column;
}

.title {
  font-size: 16px;
  color: var(--label);
}

.link {
  text-decoration: none;
  color: var(--primary);
  font-size: 16px;
}


.downlink {
  // .bgicon1 {
  //   width: 32px;
  //   height: 32px;
  //   background: url(../../image/ic-ios.svg) no-repeat center/cover;
  // }

  // .bgicon2 {
  //   width: 32px;
  //   height: 32px;
  //   background: url(../../image/ic-android.svg) no-repeat center/cover;
  // }

  .link {
    cursor: pointer;
    font-size: 14px;
  }
}

// html[data-theme=dark] .downlink .bgicon1 {
//   background-image: url(../../image/ic-ios2.svg);
// }

// html[data-theme=dark] .downlink .bgicon2 {
//   background-image: url(../../image/ic-android2.svg);
// }

.divider {
  background-color: var(--divider);
  height: 1px;
}

.content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;

  >div {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 4px;

    >img {
      width: 32px;
      height: 32px;
    }
  }
}